<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>
<h:body>
	<h:form id="form">
			<h:panelGrid columns="2">
				<h:commandLink action="#{intMB.mudarIdioma}">
					<h:graphicImage url="../img/br.jpg" />
					<f:setPropertyActionListener target="#{intMB.linguagem}" value="pt" />
					<f:setPropertyActionListener target="#{intMB.pais}" value="BR" />
					<f:ajax execute="@this" render="@form" />
				</h:commandLink>
				<h:commandLink action="#{intMB.mudarIdioma}">
					<h:graphicImage url="../img/us.jpg" />
					<f:setPropertyActionListener target="#{intMB.linguagem}" value="en" />
					<f:setPropertyActionListener target="#{intMB.pais}" value="US" />
					<f:ajax execute="@this" render="@form" />
				</h:commandLink>
			</h:panelGrid>
			
			<p:dataTable var="u" value="#{usuarioMB.usuarioList}" id="gridUsuario">
				<p:column headerText="#{msg.id}">
					<h:outputText value="#{u.id}" />
				</p:column>
				<p:column headerText="#{msg.nome}">
					<h:outputText value="#{u.nome}" />
				</p:column>
				<p:column headerText="#{msg.login}">
					<h:outputText value="#{u.login}" />
				</p:column>
				<p:column>
					<p:commandButton value="#{msg.editar}" update=":formEditarUsuario:usuarioEditar"
						oncomplete="PF('editarDialog').show()">
						<f:setPropertyActionListener value="#{u}"
							target="#{usuarioMB.usuario}" />
					</p:commandButton>
				</p:column>
				<p:column>
					<p:commandButton value="#{msg.excluir}" id="excluir"
						action="#{usuarioMB.excluir}">
						<f:setPropertyActionListener value="#{u}"
							target="#{usuarioMB.usuario}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>
			
			<p:commandButton value="#{msg.adicionar}" update=":formAdicionarUsuario:usuarioAdicionar"
				oncomplete="PF('adicionarDialog').show()"/>
		
	</h:form>
	
	<h:form id="formEditarUsuario">

		<p:dialog header="#{msg.editar}" widgetVar="editarDialog" modal="true">
			<p:outputPanel id="usuarioEditar">
				<p:panelGrid columns="2" rendered="#{not empty usuarioMB.usuario}">

					<h:outputText value="#{msg.login}" />
					<p:inputText value="#{usuarioMB.usuario.login}" />

					<h:outputText value="#{msg.nome}" />
					<p:inputText value="#{usuarioMB.usuario.nome}" />

					<h:outputText value="#{msg.senha}" />
					<p:inputText value="#{usuarioMB.usuario.senha}" />	

				</p:panelGrid>

				<p:commandButton value="#{msg.salvar}" id="salvar"
					action="#{usuarioMB.salvar}" update=":form:gridUsuario"/>

			</p:outputPanel>
		</p:dialog>

	</h:form>

	<h:form id="formAdicionarUsuario">
		<p:dialog header="#{msg.adicionar}" widgetVar="adicionarDialog" modal="true" onHide="">
			<p:outputPanel id="usuarioAdicionar">
				<h:panelGrid id="grid" columns="3">

					<p:outputLabel for="inputLogin" value="#{msg.login}:" />
					<p:inputText value="#{usuarioMB.usuario.login}" id="inputLogin" required="true" requiredMessage="#{msg.loginObrigatorio}" />
					<p:message for="inputLogin" /> 

					<p:outputLabel for="inputNome" value="#{msg.nome}:" />
					<p:inputText value="#{usuarioMB.usuario.nome}" id="inputNome" required="true" requiredMessage="#{msg.nomeObrigatorio}" />
					<p:message for="inputNome" /> 

					<p:outputLabel for="inputSenha" value="#{msg.senha}:" />
					<p:inputText value="#{usuarioMB.usuario.senha}" id="inputSenha" required="true" requiredMessage="#{msg.senhaObrigatoria}" />
					<p:message for="inputSenha" /> 

				</h:panelGrid>

				<p:commandButton value="#{msg.salvar}" id="salvar" update="grid"
					action="#{usuarioMB.salvar}"/>
			</p:outputPanel>
		</p:dialog>
	</h:form>	
</h:body>
</html>